﻿<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>中国地图</title>
    <meta charset="utf-8" />
    <script src="../mapbox-gl-unminified.js"></script>
    <link href="../mapbox-gl.css" rel="stylesheet" />
    <style>
      html,
      body {
        padding: 0;
        margin: 0;
        height: 100%;
        overflow: hidden;
      }

      #map {
        height: 100%;
        z-index: 0;
      }
    </style>
  </head>

  <body>
    <div id="map"></div>
    <script type="module">
        import china_style from '../china_style.js';

      var map = new mapboxgl.Map({
        container: "map",
        center: [105.7350860781, 34.3459367715],
        zoom: 3,
        style: china_style,
      });
      map.addControl(new mapboxgl.NavigationControl());
    </script>
  </body>
</html>
